import React from 'react';
import { routerlist } from "../../router/index";
import { Tabs } from 'react-vant'
import { Link,Outlet } from "react-router-dom";
function Home() {
    return (
        <div>
            <Tabs border type='line'>
        {routerlist&&routerlist.map((item,index) => (
          <Tabs.TabPane
          color='#DC143C'
            badge={item}
            key={index}
            title={<Link to={item.path}>{item.meta.title}</Link>}
          >
            <Outlet />
          </Tabs.TabPane>
        ))}
      </Tabs>
        </div>
    );
}

export default Home;